﻿<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: ${USER}
  Date: ${DATE}
  Time: ${TIME}
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
    <base href="<%= basePath %>"/>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="<%= basePath %>/static/backstage/lib/html5shiv.js"></script>
    <script type="text/javascript" src="<%= basePath %>/static/backstage/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="<%= basePath %>/static/backstage/static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="<%= basePath %>/static/backstage/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="<%= basePath %>/static/backstage/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css"
          href="<%= basePath %>/static/backstage/static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="<%= basePath %>/static/backstage/static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="<%= basePath %>/static/backstage/lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>客户登录日志查询</title>
</head>
<body>
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i><a href="olalashop/sysAccountApi/index">首页</a>
    <span class="c-gray en">&gt;</span> 客户登录日志查询
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>
<div class="page-container">
    <div class="text-c"> 日期范围：
        <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}' })" id="beginTime"
               class="input-text Wdate" style="width:120px;">
        -
        <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'beginTime\')}',maxDate:'%y-%M-%d' })"
               id="endTime" class="input-text Wdate" style="width:120px;">
        <input type="text" class="input-text" style="width:250px" placeholder="请输入姓名或姓名关键字" id="userInfo"
               name="userInfo"
               value=${inputInfo}>
        <button type="submit" class="btn btn-success radius" onclick="logSearch()" id="searchBtn" name=""><i
                class="Hui-iconfont">&#xe665;</i>
            搜索用户
        </button>
    </div>
    <!--
            <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a href="javascript:;" onclick="member_add('添加用户','member-add.html','','510')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加用户</a></span> <span class="r">共有数据：<strong>88</strong> 条</span> </div>
    -->
    <div class="mt-20"><span class="r">共有数据：<strong>${logList.list.size() }</strong> 条</span></div>
    <div class="mt-20">
        <table class="table table-border table-bordered table-hover table-bg table-sort">
            <thead>
            <tr class="text-c">
                <th width="2%"><input type="checkbox" id="checkAll" name="checkAll" value=""></th>
                <th width="12%">日志编号</th>
                <th width="12%">客户ID</th>
                <th width="5%">用户名</th>
                <th width="5%">用户真实姓名</th>
                <th width="2%">性别</th>
                <th width="8%">手机号</th>
                <th width="10%">邮箱</th>
                <th width="10%">证件号码</th>
                <th width="8%">会员等级</th>
                <th width="10%">注册更新时间</th>
                <th width="10%">登陆IP</th>
                <th width="10%">登陆时间</th>
            </tr>
            </thead>
            <tbody>
            <c:forEach items="${logList.list}" var="logs">
                <tr>
                    <td width="2%"><input type="checkbox" id="" name="checkAll" value=""></td>
                    <td width="12%">${logs.loginId}</td>
                    <td width="12%">${logs.customerId}</td>
                    <td width="5%">${logs.customerInfomation.customerName}</td>
                    <td width="5%">${logs.customerInfomation.realName}</td>
                    <td width="2%">
                        <c:choose>
                            <c:when test="${'1'.equals(logs.customerInfomation.sex)}">
                                <span><h5>男</h5></span>
                            </c:when>
                            <c:when test="${'2'.equals(logs.customerInfomation.sex)}">
                                <span><h5>女</h5></span>
                            </c:when>
                            <c:otherwise>
                                <span><h5>未设置</h5></span>
                            </c:otherwise>
                        </c:choose>
                    </td>
                    <td width="8%">${logs.customerInfomation.phone}</td>
                    <td width="10%">${logs.customerInfomation.emai}</td>
                    <td width="10%">${logs.customerInfomation.idcardNo}</td>
                    <td width="8%">${logs.customerInfomation.CLevelInfo.levelName}</td>
                    <td width="10%">${logs.customerInfomation.registerTime}</td>
                    <td width="10%">${logs.loginIp}</td>
                    <td width="10%">${logs.loginTime}</td>
                </tr>
            </c:forEach>
            </tbody>
        </table>
        <%--设计表格底部的分页栏目--%>
        <c:if test="${!logList.isFirstPage}">
            <a href="javascript:nextpage(1)">首页</a>
        </c:if>

        <c:if test="${logList.hasPreviousPage}">
            <a href="javascript:nextpage('${logList.prePage}')">《上一页</a>
        </c:if>

        <c:forEach items="${logList.navigatepageNums}" var="currentNum">
            <c:choose>
                <c:when test="${currentNum==logList.pageNum}">
                    <a style="color: green" href="javascript:nextpage('${currentNum}')">[${currentNum}]</a>
                </c:when>
                <c:otherwise>
                    <a href="javascript:nextpage('${currentNum}')">${currentNum}</a>
                </c:otherwise>
            </c:choose>
        </c:forEach>

        <c:if test="${logList.hasNextPage}">

            <%--            <a href="AllCustomerLoginLog/queryByCon?pageNum=${logList.nextPage}">下一页》</a>--%>
            <a href="javascript:nextpage('${logList.nextPage}');">下一页》</a>
        </c:if>
        <c:if test="${!logList.isLastPage}">
            <%--            <a href="AllCustomerLoginLog/${logList.pages}">尾页</a>--%>
            <a href="javascript:nextpage('${logList.pages}')">尾页</a>
        </c:if>
    </div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="<%= basePath %>/static/backstage/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="<%= basePath %>/static/backstage/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="<%= basePath %>/static/backstage/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="<%= basePath %>/static/backstage/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="<%= basePath %>/static/backstage/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript"
        src="<%= basePath %>/static/backstage/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="<%= basePath %>/static/backstage/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    function logSearch() {
        var beginTime = $("#beginTime").val();
        var endTime = $("#endTime").val();
        var nameInfo = $("#userInfo").val();
        sessionStorage.setItem("beginTime", beginTime);
        sessionStorage.setItem("endTime", endTime);
        sessionStorage.setItem("nameInfo", nameInfo);
        window.location.href = "AllCustomerLoginLog/queryByCon?nameInfo=" + nameInfo +
            "&beginTime=" + beginTime + "&endTime=" + endTime + "&pageNum=1";
    }

    function nextpage(pageNum) {
        var beginTime = sessionStorage.getItem("beginTime");
        var endTime = sessionStorage.getItem("endTime");
        var nameInfo = sessionStorage.getItem("nameInfo");
        window.location.href = "AllCustomerLoginLog/queryByCon?nameInfo=" + nameInfo + "&beginTime=" + beginTime + "&endTime=" + endTime + "&pageNum=" + pageNum;
    }
</script>
</body>
</html>